<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>${title }</title>
    <link rel="stylesheet" href="${basePath}/static/bootstrap/css/bootstrap.css"/>
    <link href="${basePath}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/login.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/list.css" rel="stylesheet" type="text/css">
	<script  type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
	<script  type="text/javascript" src="${basePath}/static/layer/layer.js"></script>
    <link href="${basePath}/static/layer/layer_defined.css" rel="stylesheet" type="text/css">
     <style type="text/css">
    	.btn{
    		padding: 6px;
    	}
    	b{float:left;font-weight:400}
    	.check{float:left;}
    	#div_login{
    	  margin:0px 170px;
    	}
    </style>
</head>
<body class="bj">
<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

<!--内容部分-->
<div class="list_main lay_out" class="clearfix">
    <div class="list_DH">
        <%@include file="/WEB-INF/templates/common/queryNav.jsp"%>
    </div>
    <div class="list_NR">
  		<div class="loc" style="margin-bottom:10px;">
  			 <h3>临床检索</h3>
  		</div>
	    <form style="height:auto;">
			 <div id="div_login">
					 <div class="login" style="top:75px;">
					  <ul style="height:100%;">
					  <li><b>姓　名：</b><input id="name" name="zlys.idcard" type="text" class="textbox" value=""></li>
					  <li><b>身份证：</b><input id="idcard" name="zlys.idcard" type="text" class="textbox" value=""></li>
					  <li><b>手机号：</b><input id="phoneNum" name="zlys.phoneNum" type="text" class="textbox" value=""></li>
					  <li><button class='getpassword' onclick="getpassword(event)" style="width:110px;background:#ccc;border-radius:6px;cursor:pointer;float:right;line-height:28px;">点击获取验证码</button><b>验证码：&nbsp;</b><input name="validateCode" id="check" type="text" class="check" value="">
					  </li>
					  <li style="height:35px; margin-top:25px;">
					  <a><input name="btnLogin" class="L_up" onclick="login()" type="button" value="登&nbsp;&nbsp;录"></a>
					  <a><input name="btnLogin" class="L_up2" onclick="close()" type="button" value="关&nbsp;&nbsp;闭"></a>
					  </li>
					 </ul>
					 </div>
					</div>
	  </form>
   </div>
</div>
<!------页脚部分--------->
<%@include file="/WEB-INF/templates/common/footer.jsp"%>

 <!--JS部分-->
 <script>
   //倒计时获取验证码
    var num=60;
	var timg=null;
	var userPhone;//保存点击登录时，输入的手机号
	var passPhone;//保存点击发送验证码时，输入的手机号
	var phonecode;//保存验证码
    function getpassword(e){
		e.preventDefault();
		var that=$(e.target);
    	passPhone=$('#phoneNum').val();
	    if(passPhone==''){
	    	layer.alert('手机号不能为空！',{icon:0});
	        return;
	    }else{
	        var regexPhoneNum=/^[1][3-8][0-9]{9}$/;
	        if(!regexPhoneNum.test(passPhone)){
	        	layer.alert("输入的手机号码格式不正确！",{icon:0})
	            return;
	        }
	    };
	    $('.getpassword').html(num+'秒之后重发');
	    $('.getpassword').prop("disabled",true);
	    timg=setInterval(function(){
	        if(num>0&&num<=60){
	            num--;
	            $('.getpassword').html(num+'秒之后重发');
	            $('.getpassword').prop("disabled",true);
	        }else if(num==0){
	            clearInterval(timg);
	            $('.getpassword').html('点击重新发送');
	            $('.getpassword').prop("disabled",false);
	            phonecode=''
	            num=60;
	        }
	    },1000);
    }
	//登录
	function login(){
	  location="${basePath}/retrieval/queryClinic_index"
	}
	//关闭
	function close(){
	   
	}
	
 </script>
</body>
</html>